<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="../include/head.jsp" %>
    <%@include file="../include/link.jsp" %>
    <link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/app.css">
<%--    <link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/mobile.app.css">--%>
</head>
<body>
    <%@include file="../include/appHerder.jsp" %>
    <div class="container detail clearfix">
        <div class="breadcrumb">
            <a href="${ctx}">小程序商店</a>
            <span class="icon-right"> > </span>
            <a href="/category/${liebaoApp.category}.html">${categoryName}</a>
            <span class="icon-right"> > </span>
            <strong>${liebaoApp.appName}</strong>
        </div>
        <div class="main">
            <div class="intro clearfix">
                <img class="avatar" src="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${liebaoApp.sourceId==3}">${imgServer}</c:if>${liebaoApp.logoUrl}" width="90" height="90" alt="${liebaoApp.appName}小程序">
                <div class="name"><h1>${liebaoApp.appName}小程序</h1><a class="edit icon-write" href="/publish.html?id=${liebaoApp.id}" target="_blank" rel="nofollow">完善信息</a></div>
                <div class="tags">
                    <c:forEach var="item" items="${liebaoApp.tagsArr}">
                     <a href="/tag/${item}.html" target="_blank">${item}</a>
                    </c:forEach>
                </div>
            </div>
            <div><h2 class="title">${liebaoApp.appName}小程序信息——${liebaoApp.tagsArr}类小程序</h2>
                <ul class="info">
                    <li><span>分类：<strong>
                          <a href="/category/${liebaoApp.category}.html">${categoryName}</a>
                    </strong></span><span>发布时间：
                      <strong>
                        <c:choose>
                          <c:when test="${not empty liebaoApp.appUpdate}">
                            ${liebaoApp.appUpdate}
                          </c:when>
                          <c:otherwise>
                              ${liebaoApp.createTime}
                          </c:otherwise>
                        </c:choose>

                      </strong>
                     </span>
                    </li>
                    <li><span>作者：<strong>${liebaoApp.author}</strong></span><span>查看要求：<strong>微信6.5.3及以上版本</strong></span>
                    </li>
                </ul>
            </div>
            <div class="qrcode">
                <h2 class="title">${liebaoApp.appName}小程序如何使用</h2>
                <img src="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${liebaoApp.sourceId==3}">${imgServer}</c:if>${liebaoApp.qrUrl}" width="180" alt="${liebaoApp.tagsArr}分类的${liebaoApp.appName}小程序二维码" style="min-height:180px">
                <%--<img src="picture/ba60f0ec5b96498e8491478651a6cacd.gif"  alt="复制山西云之谷网络科技有限公司标题进行搜索">--%>
                <p>微信扫描体验</p>
            </div>
            <div><h2 class="title">${liebaoApp.appName}小程序截图</h2>
                <div class="screenshot">
                    <ul class="screenshot-list clearfix">
                        <c:forEach items="${liebaoApp.scrUrlsArr}" var="crUrl">
                            <li>
                                <a  data-lightbox="screenshot" rel="nofollow">
                                    <img src="<c:if test="${liebaoApp.sourceId==3}">${imgServer}</c:if>${crUrl}" width="233"  height="414" alt="${liebaoApp.appName}小程序截图">
                                </a>
                            </li>
                        </c:forEach>
                    </ul>
                    <button class="prev icon-left"></button>
                    <button class="next icon-right"></button>
                </div>
            </div>
            <div>
                <h2 class="title">${liebaoApp.appName}小程序用途</h2>
                <div class="description marked">
                  <p>${liebaoApp.appSum}</p>
                </div>
                <h2 class="title">${liebaoApp.appName}小程序简介</h2>
                <div class="description marked">
                    ${liebaoApp.appDesc}
                    <p>${liebaoApp.appName}小程序使用方法：</p>
                    <ol>
                      <li>使用微信扫描页面上方二维码进入<a href="/app/${liebaoApp.id}.html">${liebaoApp.appName}小程序</a></li>
                        <li>在微信中搜索“<em>${liebaoApp.appName}</em>”即可进入小程序</li>
                    </ol>
                    <p class="statement">${liebaoApp.appName}小程序由${liebaoApp.appName}团队开发，并于${liebaoApp.createTime}发布于<a
                            href="http://www.kukuwu.com">小程序商店</a>www.kukuwu.com</p>
                    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4479188666761334"
                         data-ad-slot="3260851816" data-ad-format="auto"></ins>
                    <script>(adsbygoogle = window.adsbygoogle || []).push({})</script>
                </div>
                <div class="box3">
                    <div class="title"><span>图解<a href="${ctx}/app/${liebaoApp.id}.html">微信${liebaoApp.appName}小程序</a>使用方法：</span></div>
                    <div class="bigBox clearfix">
                        <div class="left">
                            <p>方法一:微信扫描页面上方二维码进入“${liebaoApp.appName}”小程序</p>

                            <div class="imgBox">
                                <img src="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${liebaoApp.sourceId==3}">${imgServer}</c:if>${liebaoApp.qrUrl}" alt="小程序用途${liebaoApp.appSum}">
                            </div>
                        </div>
                        <div class="right">
                            <p>方法二：在微信中搜索“${liebaoApp.appName}”即可进入小程序</p>
                            <div class="clearfix erBox">
                                <div class="imgBox">
                                    <img src="../../../static/wxApp/img/searcg.jpg" alt="${liebaoApp.tagsArr}分类的${liebaoApp.appName}小程序用法">
                                </div>
                                <div class="fl txt">${liebaoApp.appName}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div><h2 class="title">看了${liebaoApp.appName}小程序的人还看了</h2>
                <ul class="related list clearfix">
                    <c:forEach var="item" items="${rmtjList}" begin="0" end="6">
                        <li class="item">
                            <a href="/app/${item.id}.html" title="${item.appName}小程序">
                                <img class="lazy b-loaded" src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${item.sourceId==3}">${imgServer}</c:if>${item.logoUrl}"
                                                                       data-src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${item.sourceId==3}">${imgServer}</c:if>${item.logoUrl}"
                                                                       width="70" height="70"
                                                                       alt="${item.appName}微信小程序">
                                <span>${item.appName}</span>
                            </a>
                        </li>
                    </c:forEach>

                </ul>
            </div>
        </div>
        <div class="aside">
            <%--<div class="aside-special">--%>
                <%--<a target="_blank" rel="nofollow" href="http://www.wsmo.cn/" title="微容300秒快速制作微信小程序">--%>
                    <%--<img width="250" height="60" src="picture/187e00011f984f6a8fccad96467e30d1.gif" alt="微容300秒快速制作微信小程序">--%>
                <%--</a>--%>
                <%--<a target="_blank" rel="nofollow" href="http://www.wsmo.cn/" title="微容300秒快速制作微信小程序">--%>
                    <%--<img width="250" height="60" src="picture/187e00011f984f6a8fccad96467e30d1.gif" alt="微容300秒快速制作微信小程序">--%>
                <%--</a>--%>
                <%--<a target="_blank" rel="nofollow" href="http://www.wsmo.cn/" title="微容300秒快速制作微信小程序">--%>
                    <%--<img width="250" height="60" src="picture/187e00011f984f6a8fccad96467e30d1.gif" alt="微容300秒快速制作微信小程序">--%>
                <%--</a>--%>
            <%--</div>--%>
            <div class="aside-rank"><h2>热门排行</h2>
                <ul class="aside-rank-list">
                    <c:forEach var="item" items="${jtxxList}" begin="0" end="5">
                        <li class="item">
                            <a href="/app/${item.id}.html">
                                <img class="lazy b-loaded" src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if>${item.logoUrl}" width="64" height="64" alt="${item.appName}小程序">
                                <em>${item.appName}</em>
                                <span>${liebaoApp.tagsArr}</span>
                            </a>
                        </li>
                    </c:forEach>
                </ul>
            </div>
            <div class="aside-rank"><h2>更多推荐</h2>
                <ul class="aside-rank-list">
                    <c:forEach var="item" items="${sjcxList}" begin="0" end="5">
                        <li class="item">
                            <a href="/app/${item.id}.html">
                                <img class="lazy b-loaded" src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if>${item.logoUrl}" width="64" height="64" alt="${item.appName}小程序">
                                <em>${item.appName}</em>
                                <span>${liebaoApp.tagsArr}</span>
                            </a>
                        </li>
                    </c:forEach>
                </ul>
            </div>
        </div>
    </div>
    <%@include file="../include/footer.jsp" %>
</body>
</html>
